body {
	margin: 0;
}

.search-form {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1;
}

.panel {
	padding: 12px;
	position: relative;
}

.panel-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	background-color: #eee;
	color: #333;
}

#map {
	width: 100vw;
	height: 100vh;
}

.ol-zoom.ol-unselectable.ol-control {
	top: unset;
	bottom: .5rem;
}

.el-form-item__label {
	color: #fff;
	text-shadow: 0 -6px 4px #204f7f,
		/*上*/
		4px -4px 4px #204f7f,
		/*右上*/
		6px 0 4px #204f7f,
		/*右*/
		4px 4px 4px #204f7f,
		/*右下*/
		0 6px 4px #204f7f,
		/*下*/
		-4px 4px 4px #204f7f,
		/*左下*/
		-6px 0 4px #204f7f,
		/*左*/
		-4px -4px 4px #204f7f;
	/*左上*/
}

#mapInfoPop {
	min-width: 200px;
	min-height: 50px;
	background-color: #fff;
	padding: .5em 1em .5em .5em;
	border-radius: .5em;
	z-index: 999;
}

.ol-selectable {
	cursor: pointer;
}

.panel-content p {
	margin: 0;
	font-size: 13px;
}

.paly-btn-group {
	display: flex;
	align-items: center;
	position: fixed;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
}

.paly-btn-group .el-button {
	padding: 5px 15px;
}

.paly-btn {
	margin-right: 8px;
}

.el-loading-mask {
	background-color: rgba(0, 0, 0, .7)
}

.tablePopBtn {
	position: fixed;
	right: 30px;
	top: 40px;
	padding: 8px 15px;
}

.el-table tr {
	background-color: #08183b;
}

.el-table th.el-table__cell {
	background-color: #08183b;
}

.el-popover.el-popper,
.el-popover,
.el-table__body-wrapper {
	background-color: #08183b;
}

.el-table thead,
.el-table {
	color: #ffffff;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
	background-color: #003a91;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
	background: #16266C;
}